.colorBox {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  .colorView {
    width: 100%;
    height: 100%;
    border: 1px solid #999;
  }
  .sketchPickerView {
    position: absolute;
    top: 36px;
    z-index: 9999;
    .operation {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      box-sizing: initial;
      height: 50px;
      background-color: #fff;
      border-radius: 4px;
      box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 8px 16px;
      .operationBtn {
        margin: 0 10px;
      }
    }
  }
}
.infoBox {
  display: flex;
  align-items: center;
  .colorValue {
    display: inline-block;
    padding-left: 10px;
    color: #999;
  }
}
